<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
<meta content="text/html;charset=UTF-8"/>
<link th:href="@{/images/logo.ico}" rel="shortcut icon" />
<title>理车堂管理系统</title>
<link th:href="@{/css/bootstrap.min.css}" rel="stylesheet" />
<link th:href="@{/iconfont/iconfont.css}" rel="stylesheet" />
<link th:href="@{/css/animate.css}" rel="stylesheet" />
<link th:href="@{/css/plugins/contabs/contabs.css}" rel="stylesheet" />
<link th:href="@{/css/ace/ace.min.css}" rel="stylesheet" />
<link th:href="@{/css/ace/myAce.css}" rel="stylesheet" />
<link th:href="@{/layui/css/layui.css}" rel="stylesheet" />
<style type="text/css">
.nav-logo-image {
	padding: 0;
}

.nav-logo-image .logo-img {
	width: 110px !important;
	margin-left: -25px;
}
</style>
</head>

<body class="left-side-view">

	<!-- LOGO -->
	<div id="logo" class="nav-logo">
		<div class="nav-logo-image">
		<img th:src="@{/images/logo.png}" class="logo-img"/>
		</div>

		<div class="nav-logo-text">
			<span>理车堂管理系统</span><br/>
		</div>
	</div>

	<!-- 顶部导航 -->
	<div id="navbar" class="navbar navbar-default">
		<div class="navbar-container bg-header-0" id="navbar-container">
			<!-- 界面较小时点击展开菜单-->
			<button type="button" class="navbar-toggle menu-toggler pull-left" id="menu-toggler" data-target="#sidebar">
				<i class="icon iconfont icon-bars"></i>
			</button>
			
			<!-- 快速查询区-->
			<div class="quickSearch">
				<input type="text" id="txtQuickSearch" spellcheck="false" placeholder="请输入订单号">
				<button><i class="icon iconfont icon-search"></i></button>
			</div>
			
			<!-- 个人信息-->
			<div class="loginInfo">
				<a class="" data-toggle="dropdown" href="#">
					<i class="icon iconfont icon-welcome"></i>
					<span class="userIdTxt"></span>
				</a>
			</div>

			<div class="navbar-buttons navbar-header pull-right" role="navigation">
				<ul class="nav navbar-top-links">
					<!-- 系统信息 -->
					<li class="sysInfo">
						<a class="env small" data-toggle="dropdown" href="#" th:title="系统信息">
							<i class="icon iconfont icon-envdev"></i>
							<i class="icon iconfont icon-envpp"></i>
							<i class="icon iconfont icon-envprod"></i>
						</a>
						
						<ul class="dropdown-menu-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close dropdown-navbar-env">
							<li class="dropdown-header">
								<label th:text="系统信息">系统信息</label>
							</li>

							<li class="dropdown-content">
								<ul class="dropdown-menu dropdown-navbar">
									<li><a href="#">
										<span class="infoLbl" th:text="#{system.env}">环境</span>
										<span class="infoTxt envTxt"></span></a>
									</li>
									<li><a href="#">
										<span class="infoLbl" th:text="#{system.version}">版本</span>
										<span class="infoTxt versionTxt"></span></a>
									</li>
								</ul>
							</li>

							<li class="dropdown-footer">
								<a url="#" class="showMilestone">
									<span th:text="#{system.showMilestone}"></span>
									<i class="ace-icon icon iconfont icon-enter"></i>
								</a>
							</li>
						</ul>
					</li>
					
					<!-- 全屏 -->
					<li>
						<a class="screenfull small" href="#" th:title="全屏">
							<i class="icon iconfont icon-full"></i>
						</a>
					</li>

					<!--Language-->
					<!--<li>
						<a class="dropdown-toggle small" data-toggle="dropdown" href="#" th:title="#{system.language}">
							<i class="icon iconfont icon-language"></i>
						</a>

						<ul class="dropdown-menu-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close dropdown-navbar-language navbar-pink">
							<li class="dropdown-header" >
								<i class="ace-icon icon iconfont icon-language" ></i>
								<label th:text="#{system.language}"> </label>
							</li>

							<li class="dropdown-content">
								<ul class="dropdown-menu dropdown-navbar dropdown-navbar-language navbar-pink">
									<li><a th:href="@{/index/en}" th:text="#{system.language.en}">英语</a></li>
									<li><a th:href="@{/index/zh}" th:text="#{system.language.zh}">中文</a></li>
								</ul>
							</li>
						</ul>					
					</li>-->
					
					<!--Alert-->
					<li>
						<a class="alertInfo dropdown-toggle large" data-toggle="dropdown" href="#" th:title="通知">
							<i class="icon iconfont icon-notice"></i> 
							<span class="badge badge-hidden animated">0</span>
						</a>

						<ul class="dropdown-menu-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close dropdown-navbar-alert">
							<li class="dropdown-header">
								<i class="ace-icon icon iconfont icon-notice"></i>
								<label th:text="通知"></label>
							</li>



							<li class="dropdown-footer">
								<a url="#" class="showAllNotice">
									<span th:text="显示所有通知"></span>
									<i class="ace-icon icon iconfont icon-enter"></i>
								</a>
							</li>
						</ul>
					</li>

					<!-- 个性化 -->
					<li>
						<a class="right-sidebar-toggle large" href="#" th:title="个性化">
							<i class="icon iconfont icon-clothes"></i>
						</a>       		
					</li>

					<!--Log out-->
					<li>
						<a class="large" th:href="@{/logout}" th:title="注销">
							<i class="icon iconfont icon-logout"></i>
						</a>
					</li>					

				</ul>
			</div>

		</div>
	</div>
	
	<div class="main-container" id="main-container">
		<!--左侧菜单-->
		<div id="sidebar" class="sidebar responsive sidebar-fixed sidebar-scroll bg-leftside-1">
			<!--菜单-->			
			<ul class="nav nav-list" id="side-menu">

			</ul>
			
			<!--背景地图-->
			<div class="nav-map">
			<!--	<img th:src="@{/img/map.png}" style="width: 200px;"/>-->
			</div>
		</div>

		<!--主页面-->
		<div class="main-content" >
			<!--TAB-->
			<div class="content-tabs">
				<button class="roll-nav roll-left J_tabLeft">
					<i class="icon iconfont icon-backward"></i>
				</button>
				<nav class="page-tabs J_menuTabs">
					<div class="page-tabs-content"></div>
				</nav>
				<button class="roll-nav roll-right J_tabRight">
					<i class="icon iconfont icon-forward"></i>
				</button>
				<div class="btn-group roll-nav roll-right">
					<button class="dropdown J_tabClose" data-toggle="dropdown">
						<i class="icon iconfont icon-bars"></i>
					</button>
					<ul role="menu" class="dropdown-menu dropdown-menu-right">
						<li class="J_tabCloseAll"><a>关闭所有标签</a></li>
						<li class="J_tabCloseOther"><a>关闭其他标签</a></li>
					</ul>
				</div>
			</div>

			<!--IFrame-->
			<div class="J_mainContent" id="content-main"></div>
		</div>
	</div>
	
	<!--个性化设置-->
	<div id="right-sidebar">
		<div class="sidebar-container">
			<h5 class="setings-item setting-header" th:text="#{system.menuSetting}">菜单设置</h5>
			
			<div class="setings-item">
				<span th:text="#{system.compactMenu}" ></span>
				<div class="switch">
					<div class="onoffswitch">
						<input type="checkbox" name="compactMenu" class="onoffswitch-checkbox" id="compactMenu"/> 
						<label class="onoffswitch-label" for="compactMenu"> <span class="onoffswitch-inner"></span> 
							<span class="onoffswitch-switch"></span>
						</label>
					</div>
				</div>
			</div>

			<div class="setings-item">
				<span th:text="#{system.minMenu}"></span>
				<div class="switch">
					<div class="onoffswitch">
						<input type="checkbox" name="minMenu" class="onoffswitch-checkbox" id="minMenu"/> 
						<label class="onoffswitch-label" for="minMenu"> <span class="onoffswitch-inner"></span> 
							<span class="onoffswitch-switch"></span>
						</label>
					</div>
				</div>
			</div>
			
			<div class="setings-item">
				<span th:text="#{system.topMenu}"></span>
				<div class="switch">
					<div class="onoffswitch">
						<input type="checkbox" name="topMenu" class="onoffswitch-checkbox" id="topMenu"/> 
						<label class="onoffswitch-label" for="topMenu"> <span class="onoffswitch-inner"></span> 
							<span class="onoffswitch-switch"></span>
						</label>
					</div>
				</div>
			</div>			
			
			<div class="setings-item">
				<span th:text="#{system.hoverSubMenu}"></span>
				<div class="switch">
					<div class="onoffswitch">
						<input type="checkbox" name="hoverSubMenu" class="onoffswitch-checkbox" id="hoverSubMenu"/> 
						<label class="onoffswitch-label" for="hoverSubMenu"> <span class="onoffswitch-inner"></span> 
							<span class="onoffswitch-switch"></span>
						</label>
					</div>
				</div>
			</div>
			
			<h5 class="setings-item setting-header" th:text="#{system.layoutSetting}">布局设置</h5>
			
			<div class="setings-item">
				<span th:text="#{system.boxedLayout}"></span>
				<div class="switch">
					<div class="onoffswitch">
						<input type="checkbox" name="hLayout" class="onoffswitch-checkbox" id="boxedLayout"/> 
						<label class="onoffswitch-label" for="boxedLayout"> <span class="onoffswitch-inner"></span> 
							<span class="onoffswitch-switch"></span>
						</label>
					</div>
				</div>
			</div>
			
			<h5 class="setings-item setting-header" th:text="#{system.themeSetting}">主题设置</h5>
			
			<div class="setings-item">
				<span th:text="#{system.headerTheme}">顶部主题</span>
				<div class="clearfix personal-theme">
					<a class="set-adminheader-style bg-header-1" data-header-bg="bg-header-1" href="javascript:void(0);"></a> 
					<a class="set-adminheader-style bg-header-2" data-header-bg="bg-header-2" href="javascript:void(0);"></a> 
					<a class="set-adminheader-style bg-header-3" data-header-bg="bg-header-3" href="javascript:void(0);"></a> 
				</div>
			</div>
			
			<div class="setings-item">
				<span th:text="#{system.leftsideTheme}">左侧主题</span>
				<div class="clearfix personal-theme">
					<a class="set-adminleftside-style bg-leftside-1" data-leftside-bg="bg-leftside-1" href="javascript:void(0);"></a>
				</div>
			</div>
			
			<div class="setings-item reset-style">
				<a href="#" th:text="#{system.resetSetting}">恢复默认设置</a>
			</div>
		</div>
	</div>
	
	<!-- Require JS -->
	<script th:src="@{/js/require.min.js}" data-main="/js/index/index"></script>

	<script th:inline="javascript">
		if (window != top){
			top.location.href = location.href;
		}
		var userId=null;
		var context = /*[[${session.SPRING_SECURITY_CONTEXT}]]*/ null;
		if(context && context.authentication){
			userId=context.authentication.principal.username;
		}
	</script>
	
</body>
</html>
